@import "@styles/theme.scss";

.container{
    flex:1;
}
.search-bar{
    @include flex-box(row,start,center);
    height: 100px;
    padding: 0 20px;
    &__input-box{
        flex:1;
        height: 80px;
        @include border(top left bottom right,1px,solid,#ddd);
        border-radius: 60px;
        margin-right: 20px;
        @include flex-box(row,start,center);
        padding-left: 20px;
    }
    &__input{
        font-size: 32px;
        color:#333;
        line-height: 40px;
        margin-left: 10px;
    }
    &__btn{
        &-text{
            font-size:36px;
            color:#333;
        }
    }
}


.at-tabs__item-underline{
    //border-bottom: red 10px solid;
    width: 80px;
     left:50%;
     bottom: 10px;
     transform: scaleX(0);
     margin-left: -38px;
    height: 6px;
    border-radius: 6px;
    
}
.at-tabs__item{
    font-size: 36px;
    text-align: center;
    &--active{
        .at-tabs__item-underline{
            transform: scaleX(1);
        }
    }
}

.at-tabs__underline{
    height: 0;
    background-color: #fff;
}